
.flex {display:flex;}
.flex1 {flex: 1}
.inline-flex {display:inline-flex;}
.flex-center{justify-content: center;align-items: center;}
/*横向或纵向*/
.flex-row {flex-direction:row;}
.flex-col {flex-direction:column;}
.flex-row-reverse {flex-direction:row-reverse;}
.flex-col-reverse {flex-direction:column-reverse;}
.flex-wrap {flex-wrap:wrap;}
/*主轴对齐方式*/
.flex-justify-start {justify-content:flex-start;}
.flex-justify-end {justify-content:flex-end;}
.flex-justify-center {justify-content:center;}
.flex-justify-between {justify-content:space-between;}
.flex-justify-around {justify-content:space-around;}
/*侧轴对齐方式*/
.flex-align-start {align-items:flex-start;}
.flex-align-end {align-items:flex-end;}
.flex-align-center {align-items:center;}
.flex-align-baseline {align-items:baseline;}
.flex-align-stretch {align-items:stretch;}
/*主轴换行时行在侧轴的对齐方式，必须定义flex-wrap为换行*/
.flex-content-start {align-content:flex-start;}
.flex-content-end {align-content:flex-end;}
.flex-content-center {align-content:center;}
.flex-content-between {align-content:space-between;}
.flex-content-around {align-content:space-around;}
.flex-content-stretch {align-content:stretch;}
/*允许子元素收缩*/
.flex-child-grow {flex-grow: 1;}/*允许拉伸*/
.flex-child-shrink {flex-shrink: 1;}/*允许收缩*/
.flex-child-noshrink {flex-shrink: 0;}/*不允许收缩*/
.flex-child-average {flex:1;}/*平均分布，兼容旧版必须给宽度*/
.flex-child-first {order: 1;}/*排第一个*/
/*子元素在侧轴的对齐方式*/
.flex-child-align-start {align-self:flex-start;}
.flex-child-align-end {align-self:flex-end;}
.flex-child-align-center {align-self:center;}
.flex-child-align-baseline {align-self:baseline;}
.flex-child-align-stretch {align-self:stretch;}

.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f16{font-size: 16px}
.f17{font-size: 17px}
.f18{font-size: 18px}
.f20{font-size: 20px}
.f26{font-size: 26px}
.f30{font-size: 30px}
.fn{font-weight: bold}
.tc{text-align: center}
.wb{word-break: break-all}

/*边距*/
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top: 5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt40{margin-top: 40px}
.mt50{margin-top: 50px}
.mt100{margin-top: 100px}
.mb5{margin-bottom:5px }
.mb10{margin-bottom: 10px}
.mb15{margin-bottom: 15px}
.mb20{margin-bottom: 20px}
.mb30{margin-bottom: 30px}
.mb35{margin-bottom: 35px}
.mb40{margin-bottom: 40px}
.mb50{margin-bottom: 50px}
.mb100{margin-bottom: 100px}
.ml5{margin-left: 5px}
.ml10{margin-left: 10px}
.ml15{margin-left: 15px}
.ml20{margin-left: 20px}
.ml30{margin-left: 30px}
.ml50{margin-left: 50px}
.ml100{margin-left: 100px}
.mr5{margin-right: 5px}
.mr10{margin-right: 10px}
.mr15{margin-right: 15px}
.mr20{margin-right: 20px}
.mr30{margin-right: 30px}
.mr50{margin-right: 50px}
.mr100{margin-right: 100px}
.p10{padding: 10px}
.p15{padding: 15px}
.p30{padding:30px;}
.pt5{padding-top: 5px}
.pt10{padding-top: 10px}
.pt15{padding-top: 15px}
.pt20{padding-top: 20px}
.pt30{padding-top: 30px}
.pt40{padding-top: 40px}
.pt50{padding-top: 50px}
.pb5{padding-bottom: 5px}
.pb10{padding-bottom: 10px}
.pb15{padding-bottom: 15px}
.pb20{padding-bottom: 20px}
.pb30{padding-bottom: 30px}
.pb50{padding-bottom: 50px}
.pb100{padding-bottom: 100px}
.pl5{padding-left: 5px}
.pl10{padding-left: 10px}
.pl15{padding-left: 15px}
.pl20{padding-left: 20px}
.pl30{padding-left: 30px}
.pl50{padding-left: 50px}
.pl100{padding-left: 100px}
.pr5{padding-right: 5px}
.pr10{padding-right: 10px}
.pr15{padding-right: 15px}
.pr20{padding-right: 20px}
.pr30{padding-right: 30px}
.pr50{padding-right: 50px}
.pr100{padding-right: 100px}


.left2right {
  width: 100%;
  line-height: 22px;
  display: flex;
  margin-bottom: 10px;
}

.left2right>.left {
  width: 120px;
  color: #555;
  font-weight: 600;
  text-align: right;
}

.left2right>.right {
  flex: 1;
  color: #777;
  margin-left: 15px;
  word-break: break-all;
}

.public_main {
  width: 100%;
  height: auto;
  padding: 20px;
  position: relative;
}

.list_operation {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}


.search {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  margin: 18px 0;
  padding: 14px 20px;
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
  /* justify-content: space-between; */
  box-shadow:0px 2px 16px 0px rgba(140,143,163,0.13);
}

.search .search-input {
  height: 50px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.search .search-input>span {
  padding: 0 5px;
  font-size: 14px;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}

.table_opr {
  color: #547ef6;
  cursor: pointer;
  margin: 0 5px;
}


.oneLineHasOne {
  width: 100%;
  margin-bottom: 6px;
}

.oneLineHasOne p {
  width: 100%;
  line-height: 22px;
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}

.oneLineHasOne p span:first-child {
  font-weight: 600;
  white-space: nowrap;
  color: #555;
}

.oneLineHasOne p span:nth-child(2),
.oneLineHasOne p span:nth-child(3),
.oneLineHasOne p span:nth-child(4) {
  flex: auto;
  color: #777;
  margin-left: 15px;
  word-break: break-all;
}

.oneLineHasTwo {
  width: 100%;
  /* margin-bottom: 14px; */
  display: flex;
}

.oneLineHasTwo p {
  width: 50%;
  line-height: 22px;
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}

.oneLineHasTwo p span:first-child {
  font-weight: 600;
  white-space: nowrap;
  color: #555;
}

.oneLineHasTwo p span:nth-child(2),
.oneLineHasTwo p span:nth-child(3) {
  flex: auto;
  color: #777;
  margin-left: 15px;
  word-break: break-all;
}

.oneLineHasThree {
  width: 100%;
  /* margin-bottom: 14px; */
  display: flex;
}

.oneLineHasThree p {
  width: 33%;
  line-height: 22px;
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}

.oneLineHasThree p span:first-child {
  /* font-weight: 600; */
  white-space: nowrap;
  color: #555;
}

.oneLineHasThree p span:nth-child(2),
.oneLineHasThree p span:nth-child(3) {
  flex: auto;
  color: #777;
  margin-left: 15px;
  word-break: break-all;
}

.oneLineHasFour {
  width: 100%;
  /* margin-bottom: 14px; */
  display: flex;
}

.oneLineHasFour p {
  width: 25%;
  line-height: 22px;
  display: flex;
  margin-bottom: 10px;
  font-size: 14px;
}

.oneLineHasFour p span:first-child {
  font-weight: 600;
  white-space: nowrap;
  color: #555;
}

.oneLineHasFour p span:nth-child(2),
.oneLineHasFour p span:nth-child(3) {
  flex: auto;
  color: #777;
  margin-left: 15px;
  word-break: break-all;
}

.allTable {
  background-color: #fff;
  /* border: 1px solid #ddd; */
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.allTable>tr {
  width: 100%;
}

.allTable>tr>th {
  height: 40px;
  text-align: center;
  background-color: #4f5661;
  color: #fff;
}

.allTable>tr>td {
  height: 40px;
  text-align: center;
  border: 1px solid #ddd;
  word-break: break-all;
}

.pos{
  position: relative;
}
.pos-right{
	position: absolute;
	right: 10px;
	top: 6px;
}

.blue{
  color: dodgerblue;
}
